<!DOCTYPE HTML>
<html lang="zh_cn">

	<head>
		<meta charset="utf-8" />
		<title>新增元素</title>
		<link rel="icon" size="16x16" type="image/png" href="img/2.png"/>
		<script type="text/javascript" src="js/jquery.min.js"></script>
	</head>

	<body>
		<details>
			<summary>新增标签</summary>
			<ul>
				<li>结构标签</li>
				<li>媒体标签</li>
				<li>表单标签</li>
				<li>功能标签</li>
			</ul>
		</details>

		<input type="text" id="myCars" list="cars" />
		<datalist id="cars">
			<option>BMW</option>
			<option>Audi</option>
			<option>Benz</option>
		</datalist>

		<canvas id="myCanvas"></canvas>
		<script type="text/javascript">
			var canvas = document.getElementById('myCanvas');
			var ctx = canvas.getContext('2d');
			ctx.fillStyle = '#FF0000';
			ctx.fillRect(0, 0, 80, 100);
		</script>

		<menu type=""> 有三种类型
			<li><input type="checkbox" />Red</li>
			<li><input type="checkbox" />blue</li>
		</menu>
		
		<!--<base href="http://127.0.0.1:8020/H5" target="_blank" />-->
		<a href="index.html" media="tv">index.html</a>
		
		<img src="img/2.png" width="40" height="40" draggable/>
		
		<ol start="50" reversed>
			<li>a</li>
			<li>b</li>
			<li>c</li>
		</ol>

		<div>
			<style type="text/css" scoped>
				h1{color: red;}
				p{color: blue;}
			</style>
			
			<h1>标题</h1>
			<p>段落</p>
		</div>
		
		<iframe seamless="seamless" srcdoc="<h1>haha" sandbox="allow-forms" src="http://www.baidu.com"></iframe>
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
	</body>

</html>